/***IE 6 rules **/
/* *filter:alpha(opacity=80);
/*** end **/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}em,strong,th{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}legend{color:#000;}body {font:13px/1.231 arial,helvetica,clean,sans-serif;}table {font-size:inherit;}

html, body {
    background: #734a26 url('../images/bg.jpg') repeat-x;
    font-size: 0.88em;
    font-family: "Helvetica", "Calibri";
}
h1 { font-size: 255%; margin: 0; font-family: "monotype corsiva", "Lights Out BRK", "Helvetica";  font-weight: 900; }

h2 { font-size: 125%; font-weight: 700; }

h3 { font-size: 150%; font-weight: 700; }

h4 { font-size: 150%; margin: 0.5em 2em; }

h5 { font-size:110%; font-weight: 600; margin: 0 0.5em; }

p, ol, ul { font-size: 80%; }

strong { font-weight: 700; }

ul { margin: 0 1.5em;  line-height: 1.5; }

div#overlay {
    position:absolute;
    left: 0;
    top: 0;
    display: block;
    background: #734a26;
    z-index: 1000;
    height: 100%;
    width: 100%;
}

div#content {
        /*display: none;*/
        width: 62.27695em;
        color:#f2f2f2;
        float:left;
        padding: 0.5em;
        margin: 1em 1em 0 10%;
        position: relative;
        background: rgb(64,30,1);
        background: rgba(64,30,1, 0.8);
        /*opacity:0.8; */
}

div#content div { margin: 1em 1em 0 auto; }

div#header { float: left; width: 62.27695em; position: relative; z-index: 4; }

div#header a { text-decoration: none; color: #d98e32; float: left; }

div#header h1, div#header h4 { text-align: left; float:left; }

div#header h1 { margin: 0 0 0 2.5%; width: 60%; }

div#header h4 { margin: 0.25% 0 0 2.5%; color: #f2e3d5; width: 50%; clear: left; }

div#header img { float: right; margin: 0 3em 0 0; }

div#sidebar { background: rgb(89,56,28); float: left; width:13.52699em; margin: 2em 0; padding: 0; left: 1em; position: relative; z-index:4; text-align: left; }

div#sidebar ol { padding: 0.75em 0; }

div#sidebar a {
    display: block;
    text-decoration: none;
    padding: 0.5em;
    margin: 0.5em;
    font-size: 130%;
    background: transparent; /*url(../images/nav-bg.png) top left repeat-y;*/
    color: #f2f2f2;
    border-bottom: solid 1px #401e01;
}

div#sidebar ol li.current a {
    text-transform: uppercase;
    background: #f2f2f2;
    color: #734924;
    width: 98%;
    border-left: 0.15em solid #21160f;
    border-bottom: 0.15em solid #21160f;
    border-top: 0.15em solid #21160f;
    z-index: 4;
}

div#sidebar a:hover {
    background: #f2f2f2;
    color: #734924;
    text-transform: lowercase;
}

div#main {
    float: left;
    width:43.54996em;
    text-align: left;
    position: relative;
    /*z-index:5;*/
    background: #f2f2f2;
    margin: 0;
    left: 1em;
    color: #383735;
    border: 0.4em solid #331801;
}

div#main p { line-height: 1.6; letter-spacing: 0.05em; padding: 0 1em 1em 1em; font-size: 120%;}

div#main p img { float: right; }

div#main p.faq { margin: 0 0 0 1.25em; padding: 0; font-size: 110%; }

div#main div.hidden_area { margin: 0; padding: 0; }

div#main div#faq_page { min-height: 25em;}

div#main div#content_page span { margin-left: 1em; }

div#main ul.faq_list { font-size: 105%; margin: 0 0 0 1.25em; padding: 0;}

div#main ul.segment { width: 40%; float: left; font-size: 105%;}

div#main ul.last { width: 36%; margin: 0; padding: 0; }

div#main h3 { margin: 0 0 0 0.75em; }

div#main h5 { margin: 0 0 0 1.25em; }

h2#faq { padding: 0.25em; margin: 0 0 0 0.75em; font-size: 150%; }

div#footer
{
        float: left;
        background: rgb(217,142,50); /*rgb(71,74,89)*/
        background:rgba(217,142,50,0.5);
        position: relative;
        width: 58.57695em;
        left: 1em;
        z-index: 5;
        font-family: "Calibri",  "Helvetica", "Lucida Sans Console";
}

div#footer p { text-align: left;  padding: 1em; font-size: 100%; }

div#footer div.subfooter { float: left; width: 60%; }

div#footer div.first { width: 35%; }

div#footer div.locations p { float: left; width: 43%; }

div#footer h4 { text-align: left; font-size: 125%; margin: 0.5em 0 0 0.5em; font-weight: 900;  }

/*** Article specific ***/
div.create, div.update { font-size: 150%; padding: 0 1em 1em 1em; float: left; width: 95%; }

div.create fieldset, div.update fieldset { border: 3px solid #715530; padding: 0.5em; }

div.create fieldset legend, div.update fieldset legend { color: #383735; }

div.create input[type='text'], div.create textarea, div.update input[type='text'], div.update textarea { width: 85%; }

div.archives { padding: 0.25em; }

div#main div.article { background: #fff; width: 100%; margin: 0 auto; }

div#main div.article h3, div.current_article h2 { margin: 0 0 0 0.5em; font-size: 150%; }

div#main div.archives a { text-decoration: none; border-bottom: 1px dashed rgb(217,142,50); color: #383735; }

div#main div.archives a:hover { background: rgb(89,56,28); border-bottom: none; }

div#main div.article div h3 { font-size: 125%; margin: 0 0 0 0.75em; }

div#main div.article div p { font-size: 110%; }

div.current_article h4 { margin: 0; padding: 0;}

div.article small { font-size: 110%; font-style: italic; margin: 0 0 0 .75em; }
/************************/

/*** Maps CSS ***/

div#main div#locations_page { min-height: 20em;}

div#main div.location_wrapper { float: left; border-bottom: 2px solid #331801; width: 100%; min-height: 14em;}

div#main div.location_info { float: left; }

div#main div.location_info p { font-size: 100%; padding: 0 1em;}

div#main div#brampton_office, div#main div#toronto_office { width: 50%; height: 12em; float: right;  }
/*******************/